<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>缤纷</title>
	<style>
	*{
		margin:0;
		padding:0;
	}
	.boy{
		width: 1310px;
		
	}
	.a{
		position: relative;
margin:0 auto;
		width: 985px;
	}		

	.a p{
		position: absolute;
		background: rgba(0,0,0,0.6);
		text-align: center;
		bottom: 0;
		width: 100%;
		opacity: 0.5;
		z-index: 1;
		line-height: 50px;
		color: red;
	}
.b{
	margin-top: 50px;
	width: 985px;
	margin-left: 170px;
	color: gray;
	font-size: 12px;
}
.c{
	width: 985px;
	text-align: center;
	margin-left: 170px;
	margin-top: 30px;
}
.ww{
	width: 1210px;
	margin-left: 170px;
		margin-top: 30px;
		border: 1px solid;
		position: relative;
	
}
.www img{
	width: 305px;
	
}
.www p{
	position: absolute;
	bottom: 0;
	background: rgb(255,255,255);
	width: 305px;
	line-height: 50px;
z-index: 1;
text-align: center;


}
.www{
	position: relative;
	left: 0px; 
       bottom: 0px;
}
.qq{
	font-size: 20px;
	width: 305px;
	height: 177px;
	background: red;
	opacity: 0.5;
	
	position: absolute;
		left: -177px;
}


 .www:hover .qq{
left: 0px;
top: 0px;
 }



	</style>
</head>
<body>
	<div class="boy">
		<div>
			<img src="img/a.jpg" alt="">
		</div>
		<div class="a">
			<a href=""><img src="img/b.jpg" alt=""></a>
			<p>动画短片,旅行者大意了</p>
		</div>
		<div class="b">
			<hr>
		<p>Infini Studio (映纷创意)是一家创意机构，专注于品质型动画影像的创意与设计。我们使用设计、绘画、动画、特效及多种创新形式（Motion Graphic），以动态视觉语言对品牌与内容进行创意呈现。并由动画导演、设计师、插画师、三维艺术家等共同协作完成。服务的领域包括广告、创意H5、新媒体等。</p>
		<hr>
		</div>
		<div class="c">
			<img src="img/huawei.jpg" alt="">
			<img src="img/huawei.jpg" alt="">
			<img src="img/huawei.jpg" alt="">
			<img src="img/huawei.jpg" alt="">
			<img src="img/huawei.jpg" alt="">
			<img src="img/huawei.jpg" alt="">
			<img src="img/huawei.jpg" alt="">
			<img src="img/huawei.jpg" alt="">
			<img src="img/huawei.jpg" alt="">
			<img src="img/huawei.jpg" alt="">
			<img src="img/huawei.jpg" alt="">
			<img src="img/huawei.jpg" alt="">
			<img src="img/huawei.jpg" alt="">
			<img src="img/huawei.jpg" alt="">
		</div>
		<div class="ww">
		<div class="www">
				<a href="http://www.infinistudio.cn/work/55.html"><img src="/Users/lanouhn/Desktop/mm.jpg " alt=""></a>
			<p>德众银行品牌宣传片</p>
		</div>
	</div>
	<div class="qq">
		<h3>德中银行</h3>
	</div>
		
	
		

					
		
		
	</div>
</body>
</html>